<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <title>用工招聘</title>
    <link rel="stylesheet" href="../css/api.css">
    <link rel="stylesheet" href="../css/vant.css">
    <link rel="stylesheet" href="../css/main.css">
    <style>
        .van-field__body textarea {
            width: 3.51rem;
            height: 1.36rem !important;
            /* border: .01rem solid #EBEBEB; */
            border-radius: .05rem;
            padding: 0 .08rem;
        }
    </style>
</head>

<body>
    <div class="app" v-cloak>
        <header>
            <div class="flex-x-s f7-header">
                <div class="title">
                    招聘详情
                </div>

            </div>
        </header>

        <div class="pt">
            <div class="openapp-link share-openapp-link">
                <img src="../image/share/openapp.png" alt="">
            </div>
            <div class="bgf iphonex-padding-bottom recruit">
                <div class="recruit-detail">
                    <div class="f1 flex-x-sb">
                        <span class="title">{{objEmploy.workTypeName}}</span>
                        <div class="money"><span>¥</span>{{objEmploy.salary}}/月</div>
                    </div>
                    <div class="f2 flex-x-s flex-label">
                        <div class="label" v-for="tag in objEmploy.tags" :key="tag.id">{{tag.name}}</div>
                    </div>
                    <div class="f3 flex-x-sb">
                        <div class="flex-x-s flex-label">
                            <div>
                                <span class="iconfont">&#xe611;</span> {{objEmploy.addressName}}
                            </div>
                            <div>
                                <span class="iconfont">&#xe601;</span> {{objEmploy.experienceName}}
                            </div>
                            <div v-if="title == 1">{{objEmploy.workNatureName}}</div>
                            <div>{{objEmploy.updateTime | handleTime}}</div>
                        </div>
                    </div>
                </div>
                <div class="recruit-info">
                    <div>
                        <span>发布源</span>
                        <span>{{objEmploy.shopName}}</span>
                    </div>
                    <div>
                        <span>发布人</span>
                        <span>{{objEmploy.salaryUnitName}}</span>
                    </div>
                    <div v-if="title == 1">
                        <span>招聘人数</span>
                        <span>{{objEmploy.number}} 人</span>
                    </div>
                </div>
                <div class="recruit-introduce">
                    <div>岗位要求</div>
                    <div>
                        {{objEmploy.intro}} </div>
                </div>
            </div>
        </div>
        <div class="share-qrcode">
            <div class="qrcode-icon">
                <img src="../image/share/share-qrcode.png" alt="">
            </div>
            <div class="share-link">铁蟹网</div>
        </div>



    </div>
    <script src="../script/flexible.js"></script>
    <script src="../script/vue.min.js"></script>
    <script src="../script/iconfont.js"></script>
    <script src="../script/vant.min.js"></script>
    <script src="../script/common.js"></script>
    <script>
        vm = new Vue({
            el: '.app',
            data: {
                active: 0,
                module: "",

                objOpt: {
                    shareContent: "",
                    reportContent: "",
                    isCollect: false
                },
                options: [{
                    name: '微信好友',
                    icon: '../image/circle/wechat.png',
                }, {
                    name: '微信朋友圈',
                    icon: '../image/circle/Wechat_Moments.png',
                }],
                objEmploy: {

                },
                // type: api.pageParam.type
                title: "招聘"
            },
            created() {


                this.module = 1 ? "RECRUIT" : "JOB"

                this.objEmploy = {
                    "id": "1358975413743837185",
                    "createTime": 1612839962000,
                    "updateTime": 1612839962000,
                    "type": 0,
                    "number": 3,
                    "salary": "5000",
                    "salaryUnitId": "11",
                    "salaryUnitName": "元/月",
                    "phone": "13600000000",
                    "intro": "有丰富经验，有3年以上的工作经历",
                    "experienceId": "5",
                    "experienceName": "3年经验",
                    "workNatureId": "8",
                    "workNatureName": "全职",
                    "workTypeId": "23",
                    "workTypeName": "销售 ",
                    "arrivalTime": null,
                    "address": "黄浦区",
                    "addressName": "上海市",
                    "areaId": "16484",
                    "location": "121.473658,31.230378",
                    "status": 0,
                    "userId": "1",
                    "shopName": null,
                    "publisherType": 0,
                    "tags": [{
                        "id": "36",
                        "name": "有经验"
                    }, {
                        "id": "37",
                        "name": "经验丰富"
                    }, {
                        "id": "44",
                        "name": "求贤如渴"
                    }]

                }

            },
            mounted() {


            },
            filters: {
                handleTime
            },
            methods: {




            },
        })
    </script>
</body>

</html>
